<h2>Classic editor</h2>

<div id="editor1">
	<p>Some text</p>

	<table border="1">
		<tr>
			<td>Cell 1.1.1</td>
			<td>Cell 1.1.2</td>
			<td>Cell 1.1.3</td>
			<td>Cell 1.1.4</td>
		</tr>
		<tr>
			<td>Cell 1.2.1</td>
			<td>Cell 1.2.2</td>
			<td>Cell 1.2.3</td>
			<td>Cell 1.2.4</td>
		</tr>
		<tr>
			<td>Cell 1.3.1</td>
			<td>Cell 1.3.2</td>
			<td>Cell 1.3.3</td>
			<td>Cell 1.3.4</td>
		</tr>
	</table>
</div>

<h2>Divarea editor</h2>

<div id="editor2">
	<p>Some text</p>

	<table border="1">
		<tr>
			<td>Cell 1.1.1</td>
			<td>Cell 1.1.2</td>
			<td>Cell 1.1.3</td>
			<td>Cell 1.1.4</td>
		</tr>
		<tr>
			<td>Cell 1.2.1</td>
			<td>Cell 1.2.2</td>
			<td>Cell 1.2.3</td>
			<td>Cell 1.2.4</td>
		</tr>
		<tr>
			<td>Cell 1.3.1</td>
			<td>Cell 1.3.2</td>
			<td>Cell 1.3.3</td>
			<td>Cell 1.3.4</td>
		</tr>
	</table>
</div>

<h2>Inline editor</h2>

<div id="editor3" contenteditable="true">
	<p>Some text</p>

	<table border="1">
		<tr>
			<td>Cell 1.1.1</td>
			<td>Cell 1.1.2</td>
			<td>Cell 1.1.3</td>
			<td>Cell 1.1.4</td>
		</tr>
		<tr>
			<td>Cell 1.2.1</td>
			<td>Cell 1.2.2</td>
			<td>Cell 1.2.3</td>
			<td>Cell 1.2.4</td>
		</tr>
		<tr>
			<td>Cell 1.3.1</td>
			<td>Cell 1.3.2</td>
			<td>Cell 1.3.3</td>
			<td>Cell 1.3.4</td>
		</tr>
	</table>
</div>

<script>
	if ( ( CKEDITOR.env.ie && CKEDITOR.env.version < 11 ) || bender.tools.env.mobile ) {
		bender.ignore();
	}

	CKEDITOR.replace( 'editor1' );
	CKEDITOR.replace( 'editor2', {
		extraPlugins: 'divarea'
	} );
	CKEDITOR.inline( 'editor3', {
		extraPlugins: 'floatingspace'
	} );
</script>
